<!DOCTYPE html>
<html lang="en">
    <body>
        <table 
            style="
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 20px;
            background-color: #fff;
            border-radius: 4px;
            font-size: 12px;
            ">
            <thead align="center">
                <tr>
                    <th colspan="6" style="
                        text-align: center; 
                        background-color:#610E54; 
                        color:white;
                        padding: 8px;
                        line-height: 20px;
                        vertical-align: top;
                        font-weight: bold;
                        ">DAFTAR JUDUL TESIS
                    </th>
                </tr>
                <tr style="border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;">
                    <th style="border-left: 1px solid #ddd;">Kode tesis</th>
                    <th style="border-left: 1px solid #ddd;">NPM</th>
                    <th style="border-left: 1px solid #ddd;">Nama</th>
                    <th style="border-left: 1px solid #ddd;">Judul 1</th>
                    <th style="border-left: 1px solid #ddd;">Judul 2</th>
                    <th style="border-left: 1px solid #ddd;border-right: 1px solid #ddd;">Dikirim</th>
                </tr>
            </thead>
            <tbody style="border : 1px solid #ddd;">
                <?php foreach ($judul as $judul): ?> 
                    <tr style="border-bottom : 1px solid #ddd">
                        <td>
                            <span class="label label-info" style="
                                  font-size: 12px;
                                  color: #000;
                                  font-weight: bold;
                                  line-height: 14px;
                                  display: inline-block;
                                  text-align: center;
                                  border-radius: 3px;
                                  padding: 3px;
                                  "><?php echo $judul->id ?>
                            </span>
                        </td>
                        <td style="border-left: 1px solid #dddddd;text-align: center;"><?php echo $judul->nim ?></td>
                        <td style="border-left: 1px solid #dddddd;"><?php echo $judul->nama ?></td>
                        <td style="border-left: 1px solid #dddddd;"><?php echo $judul->judul_1?></td>
                        <td style="border-left: 1px solid #dddddd;"><?php echo $judul->judul_2 ?></td>
                        <td style="border-left: 1px solid #dddddd;"><?php echo $judul->submit ?></td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </body>
</html>